.modal {
	display: none;
	backdrop-filter: blur(0.8px);
	min-height: 100vh;
	align-items: center;
	justify-content: center;
}
.modal:target,.modal.target {
	display: flex;
}
*:where(:not(:has(:target))) .modal.target {
	display: flex;
}
.modal-title {
	float: left;
	font-size: 25px;
}
.modal-close {
	float: right;
	text-decoration: none;
	font-size: 30px;
	font-weight: bold;
	color: #333;
	margin-left: 10px;
}
.modal-close:hover {
	color: #f55;
}
.modal-header {
	font-family: arial;
}
.modal-field,.modal-btn {
	border-width: 0px;
	font-size: 20px;
	font-weight: bold;
	color: #070;
}